<template>
  <div class="container">
  <!-- <div class="container"> -->
      
    <transition name="fade" mode="out-in">
       <router-view></router-view>
    </transition>

  </div>
</template>

<script>
export default {
  data () {
    return {

    }
  },
   watch: {
    '$route': function(to,from){
　    document.body.scrollTop = 0
      document.documentElement.scrollTop = 0
    },
  }
}
</script>

<style lang="scss" scoped>

.container{
  width: 750px;
  margin: 0 auto;
}
// .v-enter{
//   opacity: 0.5;
//   transform: translateX(100%);
// }
// .v-leave-to{
//   opacity: 0;
//   transform: translateX(-100%);
//   position: absolute;
// }
// .v-enter-active,
// .v-leave-active{
//   transition: all 0.5s ease;
// }
// * {
//   touch-action: pan-x;
// }
.fade-enter {
	  opacity:0;
    
	}
	.fade-leave{
	  opacity:1;
	}
	.fade-enter-active{
	  transition:opacity .2s;
	}
	.fade-leave-active{
	  opacity:0;
	  transition:opacity .2s;
	}

</style>

